<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>继承</title>
		<style>
			.word{
				font-family: monospace;
				font-size: 100px;
				color: orange;
				text-transform: uppercase;
				width: 2em;
				display: flex;
				justify-content: space-around;
			}
			.word div{
				position: relative;
			}
			.word div::before{
				content: '';
				position: absolute;
				height: 100%;
				width: 130%;
				left: -15%;
				background-color: moccasin;
				border-radius: 0,1em;
				z-index: -1;
				transform: rotate(-25deg);
			}
		</style>
	</head>
	<body>
		<figure class="word">
			<div>c</div>
			<div>s</div>
			<div>s</div>
		</figure>
	</body>
</html>
